<?xml version="1.0"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>event / encounter test</title>
        <style type="text/css" rel="stylesheet">
            #mainStage  {
                border:1px solid #aaa;
                padding:1em;
            }
            
            #eventLoader    {
                text-align:center;
            }
            
            #viewContainer,
            #uiContainer
            {
                border:1px solid #ccc;
                padding:1em;
            }
        </style>
        <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.min.js" type="text/javascript"></script>
        <script src="jquery.tmpl.min.js" type="text/javascript"></script>
        <script src="game.scene.js" type="text/javascript"></script>
        <script src="game.event.js" type="text/javascript"></script>
        <script type="text/javascript"> //  <![CDATA[
            playerData = {
                name:'matt',
                age:12,
                flags:{
                    newbie:true
                }
            };
            
            $(function(){
                $('#eventLoader,#viewContainer,#uiContainer').hide();
                startNewScene('exampleEvent.xml');
            });
            
            //  ]]></script>
    </head>
    <body>
        <div id="mainStage">
            <div id="eventContainer">
                <div id="eventLoader"><img src="ajax-loader.gif" /></div>
                <div id="viewContainer"></div>
                <div id="uiContainer"></div>
            </div>
        </div>
        <script id="choiceButton" type="text/x-jquery-tmpl">
			<button type="button" class="choiceButton">${label}</button>
        </script>
    </body>
</html>